import React from "react";
import { allStore } from "../../../store/AllStore";

import 国际网站bg from "./国际网站bg.png";
import 阿里巴巴 from "./阿里巴巴.png";
import { Button } from "antd";

export class ModuleThree extends React.Component {
  render() {
    return (
      <div
        id={"moduleThree"}
        style={{
          height: 640,
          // display: "flex",
          paddingTop: 35,

          backgroundImage: `url(${国际网站bg})`,
          backgroundSize: "cover",
          backgroundPosition: "center",
        }}
      >
        <div
          style={{
            width: "100%",
            textAlign: "center",
            fontSize: 32,
            fontWeight: "bold",
            marginBottom: 48,
            color: "#ffa940",
          }}
        >
          {allStore.isEnglish ? "Alibaba-International" : "国际网站"}
          <img style={{ height: 40 }} src={阿里巴巴} alt=""></img>
        </div>
        <div
          style={{
            marginTop: 64,
            width: "100%",
            display: "flex",
            justifyContent: "center",
          }}
        >
          <video
            id="media"
            src="//cloud.video.alibaba.com/play/u/2153292369/p/1/e/6/t/1/d/hd/441250083916.mp4"
            width="600px"
            height="100%"
            autoplay
            controls
          ></video>
          <div style={{ width: 500, paddingLeft: 72, color: "#ffa940" }}>
            <div style={{ fontSize: 24, marginBottom: 16, fontWeight: 600 }}>
              {allStore.isEnglish ? "Company Introduction" : "公司介绍"}
            </div>
            <div
              style={{
                fontSize: allStore.isEnglish ? 14 : 18,
                fontWeight: 500,
              }}
            >
              {allStore.isEnglish
                ? "Shandong Yuling International Trading Company was established in 2020 with a registered capital of 3 million RMB. The company is located in Zibo City, Shan-dong Province, China, and its customers are distributed in South Korea, Southeast Asia, and the Middle East. The company's main business includes refractorymaterials such as clay refractory bricks, insulation bricks, fireproof cotton, etc; Round steel, special steel and other steel materials. The company has several selfoperated and cooperative factories, adopting a front store and back factory business model, strictly controlling product quality, and providing the highest quality products to customers. Welcome to consult and cooperate."
                : "山东玉陵国际贸易公司成立于2020年，注册资本300万元。公司位于中国山东省淄博市，客户分布在韩国、东南亚和中东地区。公司主营业务包括粘土耐火砖、保温砖、防火棉等耐火材料；圆钢、特种钢等钢材。公司拥有多家自营和合作工厂，采用前店后厂的经营模式，严格控制产品质量，为客户提供最高质量的产品。欢迎咨询与合作。"}
            </div>
            <Button
              onClick={() =>
                window.open(
                  "https://ylrefractory.en.alibaba.com/?spm=a2700.7756200.0.0.739371d2wcWfEy"
                )
              }
              style={{
                marginTop: 16,
                backgroundColor: "#ffa940",
                color: "#000",
              }}
            >
              {allStore.isEnglish ? "READ MORE" : "了解更多"}
            </Button>
          </div>
        </div>
      </div>
    );
  }
}
